﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <title>TimyMce Example with BLOB storage</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<link href="@Url.Content("~/Content/jquery.cleditor.css")" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")"></script>
	<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.cleditor.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/cleditor-extimage-plugin-master/jquery.cleditor.extimage.js")"></script>
</head>
<body>
    <textarea id="cleEditorExample" style="width:500px;height:300px;" class="text-go" cols="1" rows="1"></textarea>
    
    @{ 
        string uploadImageUrl = new UrlHelper(Request.RequestContext).Action("UploadImageToBlob");
    }
    <script type="text/javascript">
        $(document).ready(function () {
            $.cleditor.buttons.image.uploadUrl = "@uploadImageUrl";
            $("#cleEditorExample").cleditor();
        });
    </script>
</body>
</html>
